<template>
  <div class="base h-100p">
    <el-menu default-active="1" class="el-menu-demo bdr-10" mode="horizontal">
      <el-menu-item index="1">基本注册信息</el-menu-item>
    </el-menu>
    <router-view class="fx-1 bg-fff bdr-10" :userInfo="userInfo"></router-view>
  </div>
</template>

<script lang="ts">
  import { Vue, Component, Prop } from 'vue-property-decorator'
  import vFormTitle from '@/components/form-title'

  @Component({
    components: {
      vFormTitle
    }
  })
  export default class Base extends Vue {
    @Prop() userInfo
  }
</script>

<style lang="less" scoped>
  .f {
    width: 1180px;
    margin: 0 auto;
  }

  .base {
    display: flex;
    flex-direction: column;
  }

  .el-menu-demo {
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 10px;
  }
</style>
